<template>
  {{ data.count }}

  <div class="test">
    <p class="hello">Hello</p>
  </div>
</template>

<script lang="ts">
import { defineComponent, reactive } from "vue";
import { useStore } from "vuex";

export default defineComponent({
  setup() {
    const store = useStore();
    console.log("store", store.state.user.num, import.meta.env.VITE_PROXY_URL);
    let data = reactive({
      count: store.state.user.num,
    });
    return {
      data,
    };
  },
});
</script>

<style scoped lang="scss">
.test {
  width: 320px;
  height: 160px;
  background-color: bisque;
  text-align: center；;
}
.hello {
  color: red;
}
</style>